<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title></title>
		<style type="text/css">
			/* Reset */
			ol, ul { margin: 0; padding: 0; }
			li { list-style-position: outside; }
			
			/* Paragraphs and texts */
			.Center_aligned { text-align: center; color: #000000; }
			.Endnote { margin-left: 4.99mm; text-indent: -4.99mm; font-size: 10.0pt; color: #000000; }
			.Fig_ { text-align: center; margin-top: 4.99mm; margin-bottom: 2.12mm; font-size: 10.0pt; font-style: italic; color: #000000; }
			.Footnote { margin-left: 4.99mm; text-indent: -4.99mm; font-size: 10.0pt; color: #000000; }
			.Heading_1 { margin-top: 4.23mm; margin-bottom: 2.12mm; font-size: 16.1pt; font-weight: bold; }
			.Heading_2 { margin-top: 4.23mm; margin-bottom: 2.12mm; font-size: 14.0pt; font-weight: bold; font-style: italic; }
			.Heading_3 { margin-top: 4.99mm; margin-bottom: 1.99mm; font-weight: bold; }
			.Justified_aligned { text-align: justify; color: #000000; }
			.List_1 { margin-left: 10mm; margin-right: 1.99mm; margin-top: 0.49mm; margin-bottom: 0.49mm; text-indent: -6mm; color: #000000; }
			.List_1_Cont_ { margin-left: 10mm; margin-right: 1.99mm; margin-top: 0.49mm; margin-bottom: 0.49mm; color: #000000; }
			.List_1_End { margin-left: 10mm; margin-right: 1.99mm; margin-top: 0.49mm; margin-bottom: 3mm; text-indent: -6mm; color: #000000; }
			.List_1_Start { margin-left: 10mm; margin-right: 1.99mm; margin-top: 3mm; margin-bottom: 0.49mm; text-indent: -6mm; color: #000000; }
			.Numbering_1 { margin-left: 10mm; margin-right: 1.99mm; margin-top: 0.49mm; margin-bottom: 0.49mm; text-indent: -6mm; color: #000000; }
			.Numbering_1_Cont_ { margin-left: 10mm; margin-right: 1.99mm; margin-top: 0.49mm; margin-bottom: 0.49mm; color: #000000; }
			.Numbering_1_End { margin-left: 10mm; margin-right: 1.99mm; margin-top: 0.49mm; margin-bottom: 3mm; text-indent: -6mm; color: #000000; }
			.Numbering_1_Start { margin-left: 10mm; margin-right: 1.99mm; margin-top: 3mm; margin-bottom: 0.49mm; text-indent: -6mm; color: #000000; }
			.Right_aligned { text-align: right; font-weight: bold; color: #000000; }
			p { text-align: left; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-indent: 0; background: transparent; font-family: "Arial"; font-size: 12.0pt; font-weight: normal; font-style: normal; color: #9999cc; }
			li { text-align: left; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-indent: 0; background: transparent; font-family: "Arial"; font-size: 12.0pt; font-weight: normal; font-style: normal; color: #9999cc; }
			.Table_Contents { color: #000000; }
			.Text_body { margin-bottom: 2.12mm; }
			.contentheading { font-size: 16.0pt; color: #000000; }
			.tab_centered { color: #000000; }
			.tab_left { color: #000000; }
			.tab_right { color: #000000; }
			.table_body { color: #000000; }
			.table_body_centered { text-align: center; color: #000000; }
			.table_header { text-align: center; font-weight: bold; color: #000000; }
			
			/* Footnotes & endnotes */
			#webpub_footnotes_divider { clear: both; margin-top: 2em; width: 25%; border-top: 1px solid black; }
			#webpub_footnotes { text-align: left; font-family: "Arial"; font-size: 10.0pt; }
			#webpub_footnotes td.label { text-align: right; vertical-align: top; }
			#webpub_footnotes td.content { }
			a.webpub_footnote { font-size: 80%; vertical-align: super; }
			#webpub_endnotes_divider { clear: both; margin-top: 2em; width: 25%; border-top: 3px double black; }
			#webpub_endnotes { text-align: left; font-family: "Arial"; font-size: 10.0pt; }
			#webpub_endnotes td.label { text-align: right; vertical-align: top; }
			#webpub_endnotes td.content { }
			a.webpub_endnote { font-size: 80%; vertical-align: super; }
			
		</style>
	</head>
	<body>
		<p class="Heading_1">1. Test document for EEZ WebPublish OpenOffice and LibreOffice extension</p>
		<p>&#160;</p>
		<p>Default style with intentionally set different color (<span style="font-style: italic;">Blue 9</span>, define in style Font effects) is used in remarks for easier distinguishing from content that is subject for WebPublish processing.</p>
		<p>&#160;</p>
		<p>Conversion result may vary between OpenOffice and LibreOffice extension,</p>
		<p>&#160;</p>
		<p>Heading numbering is suported and applied to styles <span style="font-style: italic;">Heading 1</span>, <span style="font-style: italic;">Heading 2</span> and <span style="font-style: italic;">Heading 3</span>.</p>
		<p style="border-bottom: 1px solid #000000; padding-bottom: 0.74mm;">&#160;</p>
		<p>&#160;</p>
		<p>Links to bookmarked texts</p>
		<ul>
			<li class="List_1_Start" style="text-indent: 0; list-style-type: disc;"><a href="#basic"><span style="text-decoration: underline;">Basic decorations</span></a></li>
			<li class="List_1" style="text-indent: 0; list-style-type: disc;"><a href="#special_effects"><span style="text-decoration: underline;">Special effects</span></a></li>
			<li class="List_1" style="text-indent: 0; list-style-type: disc;"><a href="#bullets"><span style="text-decoration: underline;">Bullets and indents</span></a></li>
			<li class="List_1" style="text-indent: 0; list-style-type: disc;"><a href="#images"><span style="text-decoration: underline;">Images</span></a></li>
			<li class="List_1" style="text-indent: 0; list-style-type: disc;"><a href="#tables"><span style="text-decoration: underline;">Tables</span></a></li>
		</ul>
		<p class="Heading_2">1.1. <a name="basic"></a>Basic decorations</p>
		<p>Contentheading style</p>
		<p class="contentheading">This is an article title</p>
		<p>&#160;</p>
		<p>Default style</p>
		<p style="color: #000000;">This is a common text (Default and Text body)</p>
		<p>&#160;</p>
		<p>Colored text:</p>
		<p>&#160;</p>
		<p style="color: #000000;"><span style="color: #ff3300;">red</span>, <span style="color: #ffff00;">yellow</span>, <span style="color: #66ff00;">green</span>, <span style="color: #6666ff;">blue</span></p>
		<p>&#160;</p>
		<p>Changed background color</p>
		<p>&#160;</p>
		<p style="color: #000000;"><span style="background-color: #ff3300;">red</span>, <span style="background-color: #ffff00;">yellow</span>, <span style="background-color: #66ff00;">green</span>, <span style="background-color: #6666ff; color: #ffffff;">blue</span></p>
		<p>&#160;</p>
		<p>Changed font to Times New Roman</p>
		<p>&#160;</p>
		<p style="color: #000000;"><span style="font-family: &quot;Times New Roman&quot;;">Times new Roman</span>.</p>
		<p class="Heading_3">1.1.1. Hyperlinks</p>
		<p class="Text_body">Open in new tab/page, option: <span style="font-style: italic;">_blank</span></p>
		<p style="color: #000000;"><a href="https://www.envox.hr/eez/" target="_blank"><span style="text-decoration: underline;">EEZ home page</span></a></p>
		<p style="color: #000000;">&#160;</p>
		<p>Open in same tab/page, option: <span style="font-style: italic;">_parent</span></p>
		<p style="color: #000000;">GitHub repository link: <a href="https://github.com/eez-open" target="_parent"><span style="text-decoration: underline;">https://github.com/eez-open</span></a></p>
		<p class="Heading_3">1.1.2. Alignments</p>
		<p>Right aligned (used style: Right_aligned)</p>
		<p class="Right_aligned" style="font-weight: normal;">An example of right aligned text.</p>
		<p>&#160;</p>
		<p>Centered (used style: Center_aligned)</p>
		<p class="Center_aligned">An example of centered text: Fusce maximus ante libero, vitae tristique dui posuere quis. Integer sed enim et augue posuere accumsan. </p>
		<p>&#160;</p>
		<p>Justified (used style: Justified_aligned)</p>
		<p class="Justified_aligned">An example of paragraph with justified alignment: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque erat ante, ac euismod ligula faucibus sit amet. Duis sed porta turpis, in euismod enim. Nullam eu metus faucibus, tempus enim ac, vestibulum quam. Fusce viverra condimentum leo, sed luctus odio tincidunt eu. Vestibulum ut velit ac mi viverra condimentum id accumsan nunc. Fusce maximus ante libero, vitae tristique dui posuere quis. Integer sed enim et augue posuere accumsan. Sed porttitor, augue sed posuere ullamcorper, sapien metus pharetra urna, non porta ex neque at eros. </p>
		<p class="Justified_aligned">&#160;</p>
		<p>Various inline font sizes</p>
		<p class="Justified_aligned"><span style="font-size: 8.0pt;">small  </span>bigger  <span style="font-size: 24.0pt;">much bigger </span><span style="font-size: 72.0pt;">huge</span></p>
		<p class="Heading_3">1.1.3. Tabulations (not supported!)</p>
		<table style="border-collapse: collapse; background: transparent; width: 160mm;">
			<tr style="background: transparent;">
				<td style="border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; vertical-align: top; background: transparent; width: 13%;">
					<p class="Table_Contents" style="text-align: right;">&gt;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 0; vertical-align: top; background: transparent; width: 25%;">
					<p class="Table_Contents" style="text-align: right;">&gt;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 0; vertical-align: top; background: transparent; width: 25%;">
					<p class="Table_Contents" style="text-align: right;">&gt;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 0; vertical-align: top; background: transparent; width: 25%;">
					<p class="Table_Contents" style="text-align: right;">&gt;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 0; vertical-align: top; background: transparent; width: 13%;">
					<p class="Table_Contents">&#160;</p>
				</td>
			</tr>
		</table>
		<p class="tab_left">	Left 20&#160;mm	60&#160;mm	120&#160;mm	160&#160;mm</p>
		<p class="tab_centered">	Centered 20&#160;mm	60&#160;mm	120&#160;mm	160&#160;mm</p>
		<p class="tab_right">	Right 20&#160;mm	60&#160;mm	120&#160;mm	160&#160;mm</p>
		<p class="Heading_2">1.2. <a name="special_effects"></a>Special effects</p>
		<p class="Heading_3">1.2.1. Drop caps (<span style="font-style: italic;">not supported!</span>)</p>
		<p class="Text_body" style="color: #000000;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sollicitudin pellentesque semper. Aenean in molestie leo, eget imperdiet turpis. Maecenas dapibus id eros id ultricies. Proin vitae justo sit amet nulla vestibulum condimentum. Cras ut augue egestas ante pellentesque pretium nec id nibh. Integer sed purus risus. </p>
		<p class="Heading_3">1.2.2. Overlining</p>
		<p style="color: #000000; text-decoration: overline;">Overlining single</p>
		<p style="color: #000000; text-decoration: overline; text-decoration-style: double; -moz-text-decoration-style: double; -webkit-text-decoration-style: double; -o-text-decoration-style: double; -ms-text-decoration-style: double;">Overlining double</p>
		<p style="color: #000000; text-decoration: overline;">Overlining bold</p>
		<p style="color: #000000; text-decoration: overline; text-decoration-style: dotted; -moz-text-decoration-style: dotted; -webkit-text-decoration-style: dotted; -o-text-decoration-style: dotted; -ms-text-decoration-style: dotted;">Overlining dotted</p>
		<p style="color: #000000; text-decoration: overline;">Overlining dotted bold (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: overline; text-decoration-style: dashed; -moz-text-decoration-style: dashed; -webkit-text-decoration-style: dashed; -o-text-decoration-style: dashed; -ms-text-decoration-style: dashed;">Overlining dash</p>
		<p style="color: #000000; text-decoration: overline;">Overlining dash bold (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: overline;">Overlining long dash (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: overline;">Overlining long dash bold (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: overline;">Overlining dot dash (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: overline;">Overlining dot dash bold (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: overline;">Overlining dot dot dash (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: overline;">Overlining dot dot dash bold (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: overline; text-decoration-style: wavy; -moz-text-decoration-style: wavy; -webkit-text-decoration-style: wavy; -o-text-decoration-style: wavy; -ms-text-decoration-style: wavy;">Overlining wave</p>
		<p style="color: #000000; text-decoration: overline;">Overlining wave bold (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: overline;">Overlining double wave (<span style="font-style: italic;">not supported!</span>)</p>
		<p class="Heading_3">1.2.3. Underline</p>
		<p style="color: #000000; text-decoration: underline;">Underline single</p>
		<p style="color: #000000; text-decoration: underline; text-decoration-style: double; -moz-text-decoration-style: double; -webkit-text-decoration-style: double; -o-text-decoration-style: double; -ms-text-decoration-style: double;">Underline double</p>
		<p style="color: #000000; text-decoration: underline;">Underline bold</p>
		<p style="color: #000000; text-decoration: underline; text-decoration-style: dotted; -moz-text-decoration-style: dotted; -webkit-text-decoration-style: dotted; -o-text-decoration-style: dotted; -ms-text-decoration-style: dotted;">Underline dotted</p>
		<p style="color: #000000; text-decoration: underline;">Underline dotted bold (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: underline; text-decoration-style: dashed; -moz-text-decoration-style: dashed; -webkit-text-decoration-style: dashed; -o-text-decoration-style: dashed; -ms-text-decoration-style: dashed;">Underline dash</p>
		<p style="color: #000000; text-decoration: underline;">Underline dash bold (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: underline;">Underline long dash (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: underline;">Underline long dash bold (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: underline;">Underline dot dash (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: underline;">Underline dot dash bold (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: underline; text-decoration-style: wavy; -moz-text-decoration-style: wavy; -webkit-text-decoration-style: wavy; -o-text-decoration-style: wavy; -ms-text-decoration-style: wavy;">Underline wave</p>
		<p style="color: #000000; text-decoration: underline;">Underline wave bold (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: underline;">Underline double wave (<span style="font-style: italic;">not supported!</span>)</p>
		<p class="Heading_3">1.2.4. Strikethrough</p>
		<p style="color: #000000; text-decoration: line-through;">Strikethrough single</p>
		<p style="color: #000000; text-decoration: line-through; text-decoration-style: double; -moz-text-decoration-style: double; -webkit-text-decoration-style: double; -o-text-decoration-style: double; -ms-text-decoration-style: double;">Strikethrough double</p>
		<p style="color: #000000; text-decoration: line-through;">Strikethrough bold (<span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: line-through;">Strikethrough (Strikethrough with / <span style="font-style: italic;">not supported!</span>)</p>
		<p style="color: #000000; text-decoration: line-through;">Strikethrough (Strikethrough with X <span style="font-style: italic;">not supported!</span>)</p>
		<p class="Heading_3">1.2.5. Superscript</p>
		<p style="color: #000000;">20<span style="vertical-align: super;">o</span>C</p>
		<p class="Heading_3">1.2.6. Underscript</p>
		<p style="color: #000000;">R<span style="vertical-align: sub;">DS(On)</span></p>
		<p class="Heading_3">1.2.7. Text rotation (<span style="font-style: italic;">not supported!</span>)</p>
		<table style="border-collapse: collapse; background: transparent; width: 50.01mm;">
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 50%;">
					<p style="color: #000000;">Rotation 90<span style="vertical-align: super;">o</span></p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 50%;">
					<p style="color: #000000;">Rotation 270<span style="vertical-align: super;">o</span></p>
				</td>
			</tr>
		</table>
		<p class="Heading_3">1.2.8. Spacing (<span style="font-style: italic;">not supported!</span>)</p>
		<p>Expanded (10 pts)</p>
		<p style="color: #000000;">ABCDEFGHIJKLMN</p>
		<p>Condensed (1 pt)</p>
		<p style="color: #000000;">ABCDEFGHIJKLMN</p>
		<p class="Heading_3">1.2.9. Footnotes and endnotes</p>
		<p style="color: #000000;">First footnote<a id="webpub_footnote_back1" href="#webpub_footnote1" class="webpub_footnote">1</a></p>
		<p style="color: #000000;">Second footnote<a id="webpub_footnote_back2" href="#webpub_footnote2" class="webpub_footnote">2</a></p>
		<p>&#160;</p>
		<p style="color: #000000;">First endnote<a id="webpub_endnote_back1" href="#webpub_endnote1" class="webpub_endnote">i</a></p>
		<p style="color: #000000;">Second endnote<a id="webpub_endnote_back2" href="#webpub_endnote2" class="webpub_endnote">ii</a></p>
		<p class="Heading_2">1.3. <a name="bullets"></a>Bullets and indents</p>
		<p>Text list with bullets (Numbering style: <span style="font-style: italic;">List 1</span>)</p>
		<ul>
			<li class="List_1_Start" style="text-indent: 0; list-style-type: disc;">First line with bullet (Style: <span style="font-style: italic;">List 1 Start</span>)</li>
			<li class="List_1" style="text-indent: 0; list-style-type: disc;">Second short line with bullet (Style: <span style="font-style: italic;">List 1</span>)</li>
		</ul>
		<p class="List_1_Cont_">Third line without bullet (Style: <span style="font-style: italic;">List 1 Cont.</span>)</p>
		<p class="List_1_Cont_">Fourth line without bullet</p>
		<ul>
			<li class="List_1" style="text-indent: 0; list-style-type: disc;">Fifth long line with bullet: Curabitur auctor ligula libero, quis hendrerit arcu posuere in. Vivamus rutrum tortor at lacinia volutpat. Nullam nisl ex, porta eu porttitor quis, dapibus ut magna. Proin mauris felis, suscipit sit amet diam a, pellentesque mattis sem. Fusce vulputate tellus at leo commodo, nec vulputate lorem tristique. Donec egestas lacinia purus. Proin id ligula et dolor semper pellentesque vel vitae magna. Mauris commodo elit auctor eros gravida ultrices. Aenean hendrerit urna justo, non congue metus pharetra quis. Vivamus pharetra rhoncus neque, et porttitor justo egestas eu. </li>
			<li class="List_1_End" style="text-indent: 0; list-style-type: disc;">Last line with bullet (style: <span style="font-style: italic;">List 1 End</span>)</li>
		</ul>
		<p>&#160;</p>
		<p>Text list with numbers (Numbering style: <span style="font-style: italic;">Numbering 1</span>)</p>
		<ol>
			<li class="Numbering_1_Start" style="text-indent: 0;">2. First line with number (Style: <span style="font-style: italic;">Numbering 1 Start</span>)</li>
			<li class="Numbering_1" style="text-indent: 0;">3. Second line with number (Style: <span style="font-style: italic;">Numbering 1</span>)</li>
		</ol>
		<p class="Numbering_1_Cont_">Third line without number (Style: <span style="font-style: italic;">Numbering 1 Cont.</span>)</p>
		<p class="Numbering_1_Cont_">Fourth line without number</p>
		<ol start="3">
			<li class="Numbering_1" style="text-indent: 0;">4. Fifth long line with number: <span style="font-style: italic;">Curabitur auctor ligula libero, quis hendrerit arcu posuere in. Vivamus rutrum tortor at lacinia volutpat. Nullam nisl ex, porta eu porttitor quis, dapibus ut magna. Proin mauris felis, suscipit sit amet diam a, pellentesque mattis sem. Fusce vulputate tellus at leo commodo, nec vulputate </span><span style="font-style: italic;">lorem tristique. Donec egestas lacinia purus. Proin id ligula et dolor semper pellentesque vel vitae magna. Mauris commodo elit auctor eros gravida ultrices. Aenean hendrerit urna justo, non congue metus pharetra quis. Vivamus pharetra rhoncus neque, et porttitor justo egestas eu. </span></li>
			<li class="Numbering_1_End" style="text-indent: 0;">5. Last line with number (Style: <span style="font-style: italic;">Numbering 1 End</span>)</li>
		</ol>
		<p class="Heading_2">5.1. <a name="images"></a>Images</p>
		<p class="Text_body" style="font-style: italic;">Note: standalone frames are not supported!</p>
		<p>Standalone image with caption and link to external content</p>
		<div>
			<div style="text-align: center; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;">
<a href="http://www.envox.hr/eez/bench-power-supply/psu-introduction.html" target="_blank">				<img src="images/EEZ WebPublish test document-test_image1.png" alt="test_image1.png" style="border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; width: 169.33mm; height: 54.77mm;"/>
</a>			</div>
			<p class="Fig_">Fig. 1: Image caption</p>
		</div>
		<p>&#160;</p>
		<p>Image wrap after (<span style="font-style: italic;">not supported!</span>)</p>
		<div>
			<div style="text-align: center; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;">
				<img src="images/EEZ WebPublish test document-test_image_wrap_after.png" alt="test_image_wrap_after.png" style="border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; width: 50.99mm; height: 15.93mm;"/>
			</div>
			<p class="Fig_">Fig. 2: Wrap after</p>
		</div>
		<p style="color: #000000;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sollicitudin pellentesque semper. Aenean in molestie leo, eget imperdiet turpis. Maecenas dapibus id eros id ultricies. Proin vitae justo sit amet nulla vestibulum condimentum. Cras ut augue egestas ante pellentesque pretium nec id nibh. Integer sed purus risus. Proin vel odio sit amet ex interdum ultrices et eget nibh. Praesent tristique, justo nec malesuada laoreet, orci dui pharetra quam, sollicitudin feugiat dolor massa nec lacus. Aenean consequat erat et nibh convallis elementum. Mauris mattis ante sem, eu dapibus quam interdum sed. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam sed pulvinar augue. In aliquam nibh at aliquam sagittis. Morbi hendrerit, arcu non fermentum bibendum, elit eros viverra orci, non auctor dolor leo in justo. Aenean consectetur sed neque et blandit.</p>
		<p style="color: #000000;">&#160;</p>
		<p>Image wrap before (<span style="font-style: italic;">not supported!</span>) </p>
		<div>
			<div style="text-align: center; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;">
				<img src="images/EEZ WebPublish test document-image_wrap_before.png" alt="image_wrap_before.png" style="border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; width: 50.99mm; height: 16.4mm;"/>
			</div>
			<p class="Fig_">Fig. 3: Wrap before</p>
		</div>
		<p style="color: #000000;">Duis consequat elementum venenatis. In lacinia, urna ac tempor porta, sem magna cursus elit, vitae finibus nisi nunc pellentesque lectus. Pellentesque hendrerit et ligula id porta. Praesent euismod fermentum lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et magna a arcu pulvinar maximus nec nec erat. Maecenas viverra sit amet ipsum vitae ultrices. Nullam sed magna mollis, feugiat quam sit amet, vulputate nibh. Vivamus non nibh at ante vestibulum feugiat ultrices in enim. Etiam ac leo tristique, fringilla nibh nec, suscipit dolor. Cras vitae tortor quis tellus scelerisque tempor sed auctor est. Integer hendrerit urna ut nisl tempus varius. Mauris blandit, odio vitae ullamcorper finibus, ex arcu mollis dolor, id dictum enim augue mollis elit.</p>
		<p class="Heading_2">5.2. <a name="tables"></a>Tables</p>
		<p>Basic table attributes</p>
		<table style="border-collapse: collapse; background: transparent; width: 170.01mm;">
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_header">Title for first column</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_header">Title for second column</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_header">Title for third column</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Put some text here</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">… and here</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">… and <a href="https://github.com/eez-open" target="_blank"><span style="text-decoration: underline;">link</span></a> to someplace else</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Row #2</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body_centered">Row #3 (centered)</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Row #4</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Row #5</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body"><span style="font-style: italic;">Row #6</span> (italic)</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="font-weight: bold;">Bold text</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="font-weight: bold; font-style: italic;">Bold italic text</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Vertical alignment: <span style="font-style: italic;">Top</span></p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">ABCDEFGHIJKLMN</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
					<p class="table_body">&#160;</p>
					<p class="table_body">&#160;</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: middle; background: transparent; width: 33%;">
					<p class="table_body">Vertical alignment: <span style="font-style: italic;">Centered</span></p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: middle; background: transparent; width: 33%;">
					<p class="table_body">ABCDEFGHIJKLMN</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
					<p class="table_body">&#160;</p>
					<p class="table_body">&#160;</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: bottom; background: transparent; width: 33%;">
					<p class="table_body">Vertical alignment: <span style="font-style: italic;">Bottom</span></p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: bottom; background: transparent; width: 33%;">
					<p class="table_body">ABCDEFGHIJKLMN</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
					<p class="table_body">&#160;</p>
					<p class="table_body">&#160;</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Spacing to content: <span style="font-style: italic;">Left 5 mm (not supported!)</span></p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="text-align: justify; color: #99ff33;">Praesent faucibus non nibh quis sagittis. In porta sodales lobortis. Praesent vulputate a sapien eu pellentesque.</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="text-align: justify;">Praesent faucibus non nibh quis sagittis. In porta sodales lobortis. Praesent vulputate a sapien eu pellentesque.</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Spacing to content: <span style="font-style: italic;">Right 5 mm (not supported!)</span></p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="text-align: justify;">Praesent faucibus non nibh quis sagittis. In porta sodales lobortis. Praesent vulputate a sapien eu pellentesque.</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="text-align: justify; color: #ff66cc;">Praesent faucibus non nibh quis sagittis. In porta sodales lobortis. Praesent vulputate a sapien eu pellentesque.</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Spacing to content: <span style="font-style: italic;">Top 5 mm (not supported!)</span></p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="text-align: justify; color: #999999;">Praesent faucibus non nibh quis sagittis. In porta sodales lobortis. Praesent vulputate a sapien eu pellentesque.</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="text-align: justify;">Praesent faucibus non nibh quis sagittis. In porta sodales lobortis. Praesent vulputate a sapien eu pellentesque.</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Spacing to content: <span style="font-style: italic;">Bottom 5 mm (not supported!)</span></p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="text-align: justify;">Praesent faucibus non nibh quis sagittis. In porta sodales lobortis. Praesent vulputate a sapien eu pellentesque.</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="text-align: justify; color: #ff8080;">Praesent faucibus non nibh quis sagittis. In porta sodales lobortis. Praesent vulputate a sapien eu pellentesque.</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Spacing to content: <span style="font-style: italic;">5 mm synchronize (not supported!)</span></p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="text-align: justify; color: #ff9900;">Praesent faucibus non nibh quis sagittis. In porta sodales lobortis. Praesent vulputate a sapien eu pellentesque.</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="text-align: justify;">Praesent faucibus non nibh quis sagittis. In porta sodales lobortis. Praesent vulputate a sapien eu pellentesque.</p>
				</td>
			</tr>
		</table>
		<p>&#160;</p>
		<p>Table with colored cells</p>
		<table style="border-collapse: collapse; background: transparent; width: 170.01mm;">
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p style="color: #000000;">Title for first column</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background-color: #00ffff; width: 33%;">
					<p style="color: #000000;">Title for second column</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p style="color: #000000;">Title for third column</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background-color: #ffcc00; width: 33%;">
					<p style="color: #000000;">Put some text here</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p style="color: #000000;">… and here</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background-color: #cc9900; width: 33%;">
					<p><span style="color: #000000;">… and </span><a href="https://github.com/eez-open" target="_blank"><span style="text-decoration: underline;">link</span></a><span style="color: #000000;"> to someplace else</span></p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p style="color: #000000;">Row #2</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background-color: #ff99ff; width: 33%;">
					<p style="color: #000000;">&#160;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p style="color: #000000;">&#160;</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background-color: #ff8080; width: 33%;">
					<p style="color: #000000;">&#160;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p style="color: #000000;">Row #3</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background-color: #66ff00; width: 33%;">
					<p style="color: #000000;">&#160;</p>
				</td>
			</tr>
		</table>
		<p>&#160;</p>
		<p>Table borders manipulation</p>
		<table style="border-collapse: collapse; background: transparent; width: 170.01mm;">
			<tr style="background: transparent;">
				<td style="border-left: 0; border-right: 0; border-top: 3px solid #000000; border-bottom: 3px solid #99ff66; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_header">Title for first column</p>
				</td>
				<td style="border-left: 0; border-right: 0; border-top: 3px solid #000000; border-bottom: 3px solid #99ff66; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_header">Title for second column</p>
				</td>
				<td style="border-left: 0; border-right: 0; border-top: 3px solid #000000; border-bottom: 3px solid #99ff66; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_header">Title for third column</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Put some text here</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">… and here</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">… and <a href="https://github.com/eez-open" target="_blank"><span style="text-decoration: underline;">link</span></a> to someplace else</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Row #2</p>
				</td>
				<td style="border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
				<td style="border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body_centered">Row #3 (centered)</p>
				</td>
				<td style="border-left: 0; border-right: 1px double #000000; border-top: 0; border-bottom: 0; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
				<td style="border-left: 0; border-right: 1px double #000000; border-top: 0; border-bottom: 0; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Row #4</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 3px double #000000; border-right: 3px double #000000; border-top: 3px double #000000; border-bottom: 3px double #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">Row #5</p>
				</td>
				<td style="border-left: 4px solid #ff3333; border-right: 4px solid #ff3333; border-top: 0; border-bottom: 4px solid #ff3333; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body">&#160;</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 3px double #000000; border-right: 3px double #000000; border-top: 0; border-bottom: 3px double #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body"><span style="font-style: italic;">Row #6</span> (italic)</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="font-weight: bold;">Bold text</p>
				</td>
				<td style="border-left: 4px solid #ff3333; border-right: 4px solid #ff3333; border-top: 0; border-bottom: 4px solid #ff3333; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_body" style="font-weight: bold; font-style: italic;">Bold italic text</p>
				</td>
			</tr>
		</table>
		<p>&#160;</p>
		<p>Table with inserted indented text and graphic</p>
		<table style="border-collapse: collapse; background: transparent; width: 170.01mm;">
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 16%;">
					<p class="table_header">Title for first column</p>
				</td>
				<td colspan="4" style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 84%;">
					<p class="table_header">Title for second column</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 16%;">
					<p style="color: #000000;">Comment</p>
				</td>
				<td colspan="4" style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 84%;">
					<ul>
						<li class="List_1_Start" style="text-indent: 0; list-style-type: disc;">Praesent faucibus non nibh quis sagittis. In porta sodales lobortis. Praesent vulputate a sapien eu pellentesque. </li>
					</ul>
					<p class="List_1_Cont_">&#160;</p>
					<div style="text-align: center; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;">
						<img src="images/EEZ WebPublish test document-table_pic1.png" alt="table_pic1.png" style="border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; width: 118.53mm; height: 41.01mm;"/>
					</div>
					<p class="List_1_Cont_">&#160;</p>
					<ul>
						<li class="List_1" style="text-indent: 0; list-style-type: disc;">Vestibulum ac mi sollicitudin, accumsan dolor nec, facilisis massa. Curabitur elementum lacinia lobortis. </li>
						<li class="List_1" style="text-indent: 0; list-style-type: disc;">Quisque vitae orci sed massa imperdiet placerat. Aliquam sit amet porta felis, at auctor nunc. </li>
					</ul>
					<div style="position: relative; left: 111.92mm; top: 4.23mm; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;">
						<img src="images/EEZ WebPublish test document-table_pic2.jpg" alt="table_pic2.png" style="border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; width: 21.2mm; height: 11.39mm;"/>
					</div>
					<p class="List_1_Cont_">&#160;</p>
					<ul>
						<li class="List_1" style="text-indent: 0; list-style-type: disc;">Morbi vitae justo et velit rhoncus viverra pretium non leo. Aliquam arcu mauris, tristique ut dui sit amet, euismod congue diam. </li>
						<li class="List_1_End" style="text-indent: 0; list-style-type: disc;">Phasellus elementum nisi mi, eu viverra risus ultricies id.</li>
					</ul>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 16%;">
					<p style="color: #000000;">Note1</p>
				</td>
				<td colspan="2" style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 42%;">
					<p style="font-style: italic; color: #000000;">Splitted in two cells</p>
				</td>
				<td colspan="2" style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 42%;">
					<p style="color: #000000;">ABCDEFGHIJKLMN</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 16%;">
					<p style="color: #000000;">Note2</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 28%;">
					<p style="font-style: italic; color: #000000;">Splitted in three cells</p>
				</td>
				<td colspan="2" style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 28%;">
					<p style="color: #000000;">ABCDEFGHIJKLMN</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 28%;">
					<p style="font-weight: bold; color: #000000;">ABCDEFGHIJKLMN</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: middle; background: transparent; width: 16%;">
					<div style="text-align: center; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0;">
<a href="https://github.com/eez-open" target="_blank">						<img src="images/EEZ WebPublish test document-guthub_logo.png" alt="guthub_logo.png" style="border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; width: 16.93mm; height: 16.93mm;"/>
</a>					</div>
					<p style="color: #000000;">&#160;</p>
				</td>
				<td colspan="4" style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: middle; background: transparent; width: 84%;">
					<p style="font-style: italic; color: #000000;">Image with external link (click on image for test)</p>
				</td>
			</tr>
		</table>
		<p>&#160;</p>
		<p>Table with merged cells and hidden borders</p>
		<p>&#160;</p>
		<table style="border-collapse: collapse; background: transparent; width: 170.01mm;">
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="table_header">Title for first column</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 51%;">
					<p class="table_header">Title for second column</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 16%;">
					<p class="table_header">Title for third column</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="Table_Contents">&#160;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 51%;">
					<p class="Table_Contents">&#160;</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 16%;">
					<p class="Table_Contents">&#160;</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td rowspan="2" style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="Table_Contents">Merged cells (2)</p>
				</td>
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 51%;">
					<p class="Table_Contents">&#160;</p>
				</td>
				<td rowspan="5" style="border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 16%;">
					<p class="Table_Contents">Merged cells (5)</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 51%;">
					<p>&#160;</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 1px solid #000000; border-bottom: 0; vertical-align: top; background: transparent; width: 33%;">
					<p class="Table_Contents">Cell with hidden bottom border</p>
				</td>
				<td rowspan="3" style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 51%;">
					<p class="Table_Contents">Merged cells (3)</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="Table_Contents">Cell with hidden top border</p>
				</td>
			</tr>
			<tr style="background: transparent;">
				<td style="border-left: 1px solid #000000; border-right: 0; border-top: 0; border-bottom: 1px solid #000000; vertical-align: top; background: transparent; width: 33%;">
					<p class="Table_Contents">&#160;</p>
				</td>
			</tr>
		</table>
		<p style="color: #000000;">&#160;</p>
		<p style="border-bottom: 1px solid #000000; padding-bottom: 0.74mm;">&#160;</p>
		<p>&#160;</p>
		<p>End of document (footnotes and endnotes should follows)</p>
		<p>&#160;</p>
		<p>&#160;</p>
		<div id="webpub_footnotes_divider">
		</div>
		<table id="webpub_footnotes">
			<tr>
				<td id="webpub_footnote1" class="label">
1				</td>
				<td>
<a href="#webpub_footnote_back1" class="webpub_footnote_back content">^</a>This is an example of long footnote: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque erat ante, ac euismod ligula faucibus sit amet. Duis sed porta turpis, in euismod enim. Nullam eu metus faucibus, tempus enim ac, vestibulum quam. Fusce viverra condimentum leo, sed luctus odio tincidunt eu. Vestibulum ut velit ac mi viverra condimentum id accumsan nunc. Fusce maximus ante libero, vitae tristique dui posuere quis. Integer sed enim et augue posuere accumsan. Sed porttitor, augue sed posuere ullamcorper, sapien metus pharetra urna, non porta ex neque at eros. 				</td>
			</tr>
			<tr>
				<td id="webpub_footnote2" class="label">
2				</td>
				<td>
<a href="#webpub_footnote_back2" class="webpub_footnote_back content">^</a>This is an another footnote, it can contain <span style="font-style: italic;">italic</span>, <span style="font-weight: bold;">bold</span>, <span style="font-weight: bold; font-style: italic;">bold italic</span> text, <span style="color: #ff3300;">colored</span> text and <a href="https://github.com/eez-open" target="_blank"><span style="text-decoration: underline;">link</span></a> to someplace else.				</td>
			</tr>
		</table>
		<div id="webpub_endnotes_divider">
		</div>
		<table id="webpub_endnotes">
			<tr>
				<td id="webpub_endnote1" class="label">
i				</td>
				<td>
<a href="#webpub_endnote_back1" class="webpub_footnote_back content">^</a>This is an endnote: Aenean aliquam diam lacus, a volutpat turpis vulputate non. Suspendisse massa nulla, vehicula vitae pellentesque quis, tempus vel erat. Suspendisse volutpat ultrices risus vel mollis. Nullam ut eros vel orci fringilla laoreet. Integer volutpat nulla vitae libero malesuada, vitae egestas ex porttitor. Fusce pellentesque, metus quis accumsan commodo, lectus augue viverra quam, vitae pulvinar elit massa eget risus. Vivamus posuere mauris at ante vestibulum laoreet. Mauris euismod, magna ut consectetur tristique, est sapien sagittis metus, in facilisis tellus arcu eu mi. Vestibulum finibus feugiat nunc in eleifend. Integer in finibus orci, vitae tempor nulla. 				</td>
			</tr>
			<tr>
				<td id="webpub_endnote2" class="label">
ii				</td>
				<td>
<a href="#webpub_endnote_back2" class="webpub_footnote_back content">^</a>Here is another endnote: hello world!				</td>
			</tr>
		</table>
	</body>
</html>
